<script setup>
defineProps({
  width: {
    type: String,
    default: '100%'
  },
  height: {
    type: String,
    default: '100%'
  }
})
</script>

<template>
  <svg :width="width" :height="height" viewBox="0 0 64 64"
       xmlns="http://www.w3.org/2000/svg">
    <circle cx="32" cy="32" fill="#c75c5c" r="32"/>
    <path
        d="m50 31c-.1-5.5-4.6-10.4-10.1-10.4-3.2 0-6 1.7-7.9 4.1-1.9-2.5-4.7-4.1-7.9-4.1-5.5 0-10 4.9-10.1 10.4v.1.1.4c.5 14.1 17.8 19.8 17.8 19.8s17.6-5.7 18.2-19.8c0-.2 0-.3 0-.4 0 0 0-.1 0-.2z"
        fill="#231f20" opacity=".2"/>
    <path
        d="m50 29c-.1-5.5-4.6-10.4-10.1-10.4-3.2 0-6 1.7-7.9 4.1-1.9-2.5-4.7-4.1-7.9-4.1-5.5 0-10 4.9-10.1 10.4v.1.1.4c.5 14.1 17.8 19.8 17.8 19.8s17.6-5.7 18.2-19.8c0-.2 0-.3 0-.4 0 0 0-.1 0-.2z"
        fill="#fff"/>
  </svg>
</template>